/* King UI 自定义样式库 */

/* #ifndef APP-APP-NVUE */
/* scroll-view */
.king-scroll-row{width: 100%; white-space: nowrap;}
.king-scroll-row-item{display: inline-block!important;}
/* #endif */


/* 内边距 */
.king-padding-0 { padding: 0; }
.king-padding { padding: 5rpx; }
.king-padding-10 { padding: 10rpx; }
.king-padding-20 { padding: 20rpx; }
.king-padding-30 { padding: 30rpx; }
.king-padding-40 { padding: 40rpx; }
.king-padding-50 { padding: 50rpx; }
.king-padding-top-0 { padding-top: 0; }
.king-padding-top { padding-top: 5rpx; }
.king-padding-top-10 { padding-top: 10rpx; }
.king-padding-top-20 { padding-top: 20rpx; }
.king-padding-top-30 { padding-top: 30rpx; }
.king-padding-top-40 { padding-top: 40rpx; }
.king-padding-top-50 { padding-top: 50rpx; }
.king-padding-bottom-0 { padding-bottom: 0; }
.king-padding-bottom-10 { padding-bottom: 10rpx; }
.king-padding-bottom { padding-bottom: 5rpx; }
.king-padding-bottom-20 { padding-bottom: 20rpx; }
.king-padding-bottom-30 { padding-bottom: 30rpx; }
.king-padding-bottom-40 { padding-bottom: 40rpx; }
.king-padding-bottom-50 { padding-bottom: 50rpx; }
.king-padding-left-0 { padding-left: 0; }
.king-padding-left { padding-left: 5rpx; }
.king-padding-left-10 { padding-left: 10rpx; }
.king-padding-left-20 { padding-left: 20rpx; }
.king-padding-left-30 { padding-left: 30rpx; }
.king-padding-left-40 { padding-left: 40rpx; }
.king-padding-left-50 { padding-left: 50rpx; }
.king-padding-right-0 { padding-right: 0; }
.king-padding-right { padding-right: 5rpx; }
.king-padding-right-10 { padding-right: 10rpx; }
.king-padding-right-20 { padding-right: 20rpx; }
.king-padding-right-30 { padding-right: 30rpx; }
.king-padding-right-40 { padding-right: 40rpx; }
.king-padding-right-50 { padding-right: 50rpx; }
.king-padding-y-0 { padding-top: 0; padding-bottom: 0; }
.king-padding-y { padding-top: 5rpx; padding-bottom: 5rpx; }
.king-padding-y-10 { padding-top: 10rpx; padding-bottom: 10rpx; }
.king-padding-y-20 { padding-top: 20rpx; padding-bottom: 20rpx; }
.king-padding-y-30 { padding-top: 30rpx; padding-bottom: 30rpx; }
.king-padding-y-40 { padding-top: 40rpx; padding-bottom: 40rpx; }
.king-padding-y-50 { padding-top: 50rpx; padding-bottom: 50rpx; }
.king-padding-x-0 { padding-left: 0; padding-right: 0; }
.king-padding-x-10 { padding-left: 10rpx; padding-right: 10rpx;}
.king-padding-x { padding-left: 5rpx; padding-right: 5rpx;}
.king-padding-x-20 { padding-left: 20rpx; padding-right: 20rpx;}
.king-padding-x-30 { padding-left: 30rpx; padding-right: 30rpx;}
.king-padding-x-40 { padding-left: 40rpx; padding-right: 40rpx;}
.king-padding-x-50 { padding-left: 50rpx; padding-right: 50rpx;}

/* 外边距(上下左右) */
.king-margin-10{margin:10rpx}
.king-margin-15{margin:15rpx}
.king-margin-20{margin:20rpx}
.king-margin-25{margin:25rpx}
.king-margin-30{margin:30rpx}
.king-margin-35{margin:35rpx}
.king-margin-40{margin:40rpx}
.king-margin-45{margin:45rpx}
.king-margin-50{margin:50rpx}
.king-margin-55{margin:55rpx}
.king-margin-0{margin:0}
.king-margin-auto{margin:auto}


/* 左外边距 */
.king-margin-left-10{margin-left:10rpx}
.king-margin-left-15{margin-left:15rpx}
.king-margin-left-20{margin-left:20rpx}
.king-margin-left-25{margin-left:25rpx}
.king-margin-left-30{margin-left:30rpx}
.king-margin-left-35{margin-left:35rpx}
.king-margin-left-40{margin-left:40rpx}
.king-margin-left-45{margin-left:45rpx}
.king-margin-left-50{margin-left:50rpx}
.king-margin-left-55{margin-left:55rpx}
.king-margin-left-0{margin-left:0}
.king-margin-left-auto{margin-left:auto}

/* 右外边距 */
.king-margin-right-10{margin-right:10rpx}
.king-margin-right-15{margin-right:15rpx}
.king-margin-right-20{margin-right:20rpx}
.king-margin-right-25{margin-right:25rpx}
.king-margin-right-30{margin-right:30rpx}
.king-margin-right-35{margin-right:35rpx}
.king-margin-right-40{margin-right:40rpx}
.king-margin-right-45{margin-right:45rpx}
.king-margin-right-50{margin-right:50rpx}
.king-margin-right-55{margin-right:55rpx}
.king-margin-right-0{margin-right:0}
.king-margin-right-auto{margin-right:auto}

/* 上外边距 */
.king-margin-top-10{margin-top:10rpx}
.king-margin-top-15{margin-top:15rpx}
.king-margin-top-20{margin-top:20rpx}
.king-margin-top-25{margin-top:25rpx}
.king-margin-top-30{margin-top:30rpx}
.king-margin-top-35{margin-top:35rpx}
.king-margin-top-40{margin-top:40rpx}
.king-margin-top-45{margin-top:45rpx}
.king-margin-top-50{margin-top:50rpx}
.king-margin-top-55{margin-top:55rpx}
.king-margin-top-0{margin-top:0}
.king-margin-top-auto{margin-top:auto}

/* 下外边距 */
.king-margin-bottom-10{margin-bottom:10rpx}
.king-margin-bottom-15{margin-bottom:15rpx}
.king-margin-bottom-20{margin-bottom:20rpx}
.king-margin-bottom-25{margin-bottom:25rpx}
.king-margin-bottom-30{margin-bottom:30rpx}
.king-margin-bottom-35{margin-bottom:35rpx}
.king-margin-bottom-40{margin-bottom:40rpx}
.king-margin-bottom-45{margin-bottom:45rpx}
.king-margin-bottom-50{margin-bottom:50rpx}
.king-margin-bottom-55{margin-bottom:55rpx}
.king-margin-bottom-0{margin-bottom:0}
.king-margin-bottom-auto{margin-bottom:auto}

/* X 轴外边距 */
.king-margin-x-10{margin-left:10rpx;margin-right:10rpx}
.king-margin-x-15{margin-left:15rpx;margin-right:15rpx}
.king-margin-x-20{margin-left:20rpx;margin-right:20rpx}
.king-margin-x-25{margin-left:25rpx;margin-right:25rpx}
.king-margin-x-30{margin-left:30rpx;margin-right:30rpx}
.king-margin-x-35{margin-left:35rpx;margin-right:35rpx}
.king-margin-x-40{margin-left:40rpx;margin-right:40rpx}
.king-margin-x-45{margin-left:45rpx;margin-right:45rpx}
.king-margin-x-50{margin-left:50rpx;margin-right:50rpx}
.king-margin-x-55{margin-left:55rpx;margin-right:55rpx}
.king-margin-x-0{margin-left:0;margin-right:0}
.king-margin-x-auto{margin-left:auto;margin-right:auto}

/* Y 轴外边距 */
.king-margin-y-10{margin-top:10rpx;margin-bottom:10rpx}
.king-margin-y-15{margin-top:15rpx;margin-bottom:15rpx}
.king-margin-y-20{margin-top:20rpx;margin-bottom:20rpx}
.king-margin-y-25{margin-top:25rpx;margin-bottom:25rpx}
.king-margin-y-30{margin-top:30rpx;margin-bottom:30rpx}
.king-margin-y-35{margin-top:35rpx;margin-bottom:35rpx}
.king-margin-y-40{margin-top:40rpx;margin-bottom:40rpx}
.king-margin-y-45{margin-top:45rpx;margin-bottom:45rpx}
.king-margin-y-50{margin-top:50rpx;margin-bottom:50rpx}
.king-margin-y-55{margin-top:55rpx;margin-bottom:55rpx}
.king-margin-y-0{margin-top:0;margin-bottom:0}
.king-margin-y-auto{margin-top:auto;margin-bottom:auto}

/* 边框 */
.king-border {border-width: 1rpx;border-style: solid;border-color: #dee2e6;}
.king-border-top {border-top-width: 1rpx; border-top-style: solid; border-top-color: #dee2e6;}
.king-border-right {border-right-width: 1rpx; border-right-style: solid; border-right-color: #dee2e6;}
.king-border-bottom { border-bottom-width: 1rpx; border-bottom-style: solid; border-bottom-color: #dee2e6;}
.king-border-left { border-left-width: 1rpx; border-left-style: solid; border-left-color: #dee2e6; }
.king-border-0 { border-width: 0!important;}
.king-border-top-0 { border-top-width: 0!important;}
.king-border-right-0 {border-right-width: 0!important;}
.king-border-bottom-0 {border-bottom-width: 0!important;}
.king-border-left-0 {border-left-width: 0!important;}
.king-border-primary { border-color: #007bff;}
.king-border-secondary {border-color: #6c757d;}
.king-border-light-secondary {border-color: #E9E8E5;}
.king-border-success {border-color: #28a745;}
.king-border-info {border-color: #17a2b8;}
.king-border-warning {border-color: #ffc107;}
.king-border-danger {border-color: #dc3545;}
.king-border-light {border-color: #f8f9fa;}
.king-border-dark {border-color: #343a40;}
.king-border-white {border-color: #FFFFFF;}

/* flex 布局 start */
.king-flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:row;
}

.king-flex-row{ flex-direction:row!important; }
.king-flex-column{ flex-direction:column!important; }
.king-flex-row-reverse{ flex-direction:row-reverse!important; }
.king-flex-column-reverse{ flex-direction:column-reverse!important; }

.king-flex-wrap{ flex-wrap:wrap;}
.king-flex-nowrap{ flex-wrap:nowrap;}

.king-align-center{align-items:center}
.king-align-stretch{ align-items: stretch; }
.king-align-start{ align-items: flex-start; }
.king-align-end{ align-items: flex-end; }
/* #ifndef APP-PLUS-NVUE */
.king-content-start {align-content: flex-start;}
.king-content-end {align-content: flex-end;}
.king-content-center {align-content: center;}
.king-content-between {align-content: space-between;}
.king-content-around {align-content: space-around;}
.king-content-stretch {align-content: stretch;}
/* #endif */

.king-justify-start{justify-content:flex-start;}
.king-justify-end{justify-content:flex-end;}
.king-justify-between{justify-content:space-between}
.king-justify-center{justify-content:center}

.king-flex-1{flex:1}
.king-flex-2{flex:2}
.king-flex-3{flex:3}
.king-flex-4{flex:4}
.king-flex-5{flex:5}

/* #ifndef APP-PLUS-NVUE */
.king-flex-shrink{ flex-shrink: 0; }
/* #endif */

/* flex 布局 end */

/* 圆角 */
.king-rounded-circle-8 { border-radius: 8rpx;}
.king-rounded-circle-10{border-radius:10rpx}
.king-rounded-circle-20{border-radius:20rpx}
.king-rounded-circle{border-radius:100%}

.king-rounded-top-circle-8 {
  border-top-left-radius: 8rpx;
  border-top-right-radius: 8rpx;
}
.king-rounded-right-circle-8 {
  border-top-right-radius: 8rpx;
  border-bottom-right-radius: 8rpx;
}
.king-rounded-bottom-circle-8 {
  border-bottom-right-radius: 8rpx;
  border-bottom-left-radius: 8rpx;
}
.king-rounded-left-circle-8 {
  border-top-left-radius: 8rpx;
  border-bottom-left-radius: 8rpx;
 }
.king-rounded-0 { border-radius: 0;}

/* 页面颜色 */
page{background-color: #F3F3F3;}

/* 文字大小 */
.king-font-smaller{font-size:15rpx}
.king-font-small{font-size:20rpx}
.king-font-sm{font-size:25rpx}
.king-font{font-size:30rpx}
.king-font-md{font-size:35rpx}
.king-font-lg{font-size:40rpx}
.king-h1{font-size:80rpx;line-height:1.8}
.king-h2{font-size:60rpx;line-height:1.8}
.king-h3{font-size:45rpx;line-height:1.8}
.king-h4{font-size:32rpx;line-height:1.8}
.king-h5{font-size:30rpx;line-height:1.8}
.king-h6{font-size:28rpx;line-height:1.8}

/* 文字颜色 */
.king-text-white{color: #FFFFFF;}
/* 浅灰色 */
.king-text-light-muted{color: #9D9589;}

/* 文字粗细和斜体 */
.king-font-weight-light {font-weight: 300;}      /*细*/
.king-font-weight-lighter {font-weight: 100;}/*更细*/
.king-font-weight-normal { font-weight: 400;}    /*正常*/
.king-font-weight-bold { font-weight: 700;}      /*粗*/
.king-font-weight-bolder { font-weight: bold;} /*更粗*/
.king-font-italic { font-style: italic;} /*斜体*/

/* 常用高度 */
/* #ifndef APP-NVUE */
.king-height{height: 100%;}
/* #endif */
.king-height-30 {height: 30rpx;}
.king-height-40 {height: 40rpx;}
.king-height-50 {height: 50rpx;}
.king-height-60 {height: 60rpx;}
.king-height-70 {height: 70rpx;}
.king-height-80 {height: 80rpx;}
.king-height-90 {height: 90rpx;}
.king-height-100 {height: 100rpx;}
.king-height-125 {height: 125rpx;}
.king-height-150 {height: 150rpx;}
.king-height-175 {height: 175rpx;}
.king-height-200 {height: 200rpx;}
.king-height-225 {height: 225rpx;}
.king-height-250 {height: 250rpx;}
.king-height-275 {height: 275rpx;}
.king-height-300 {height: 300rpx;}

/* 常用宽度 */
/* #ifndef APP-NVUE */
.king-width{width: 100%;}
/* #endif */
.king-width-30 {width: 30rpx;}
.king-width-40 {width: 40rpx;}
.king-width-50 {width: 50rpx;}
.king-width-60 {width: 60rpx;}
.king-width-70 {width: 70rpx;}
.king-width-80 {width: 80rpx;}
.king-width-90 {width: 90rpx;}
.king-width-100 {width: 100rpx;}
.king-width-125 {width: 125rpx;}
.king-width-150 {width: 150rpx;}
.king-width-175 {width: 175rpx;}
.king-width-200 {width: 200rpx;}
.king-width-225 {width: 225rpx;}
.king-width-250 {width: 250rpx;}
.king-width-275 {width: 275rpx;}
.king-width-300 {width: 300rpx;}

/* 背景颜色 */
.king-bg-primary { background-color: #007bff;}
.king-bg-hover-primary:hover{ background-color: #0062cc;}
.king-bg-secondary { background-color: #6c757d;}
.king-bg-hover-secondary:hover{ background-color: #545b62;}
.king-bg-success { background-color: #28a745;}
.king-bg-hover-success { background-color: #1e7e34;}
.king-bg-info { background-color: #17a2b8;}
.king-bg-hover-info { background-color: #117a8b;}
.king-bg-warning { background-color: #ffc107;}
.king-bg-hover-warning { background-color: #d39e00;}
.king-bg-danger { background-color: #dc3545;}
.king-bg-hover-danger{ background-color: #bd2130;}
.king-bg-light { background-color: #f8f9fa;}
.king-bg-hover-light{ background-color: #dae0e5;}
.king-bg-dark { background-color: #343a40;}
.king-bg-hover-dark { background-color: #1d2124;}
.king-bg-white { background-color: #ffffff;}
.king-bg-transparent { background-color: transparent;}

/* 显示 */
/* #ifndef APP-PLUS-NVUE */
.king-display-none{ display: none; }
.king-display-inline-block{ display: inline-block; }
.king-display-block{ display: block; }
/* #endif */

/* 内容溢出 */
.king-overflow-hidden { overflow: hidden;}

/* 定位 */
.king-position-relative { position: relative;}
.king-position-absolute { position: absolute;}
.king-position-fixed { position: fixed;}
/* 定位 - 固定顶部 */
.king-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
/* 定位 - 固定底部 */
.king-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.king-top-0 { top: 0; }
.king-left-0 { left: 0; }
.king-right-0 { right: 0; }
.king-bottom-0 { bottom: 0; }

/* 阴影 */
/* #ifndef APP-PLUS-NVUE */
.king-shadow { box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.15);}
.king-shadow-lg { box-shadow: 0rpx 40rpx 100rpx 0rpx rgba(0, 0, 0, 0.175);}
.king-shadow-none { box-shadow: none !important;}
/* #endif */